require(['jquery','template','bootstrapPaginator'],function ($,template) {
    $(function () {
        // 1.用户表格动态渲染并生成分页
        var page = 1, pageSize = 5
        render()
    
        // 2.点击按钮
        var id, isDelete;
        $('tbody').on('click', 'button', function () {
            // 模态框显示
            $('#user_model').modal()
            // 保存id isDelete
            id = $(this).parent().data('id')
            isDelete = $(this).hasClass('btn-danger') ? 1 : 0
        })
        // 3.确定按钮
        $('.btn-isDelete').on('click', function () {
            $.ajax({
                url: '/user/updateUser',
                type: 'post',
                data: {
                    id: id,
                    isDelete: isDelete,
                },
                success: function (info) {
                    $('#user_model').modal('hide')
                    render(page)
                }
            })
        })
    
    
        
        function render() {
            $.ajax({
                url: '/user/queryUser',
                type: 'get',
                data: {
                    page: page || 1,
                    pageSize: pageSize || 5
                },
                success: function (info) {
                    $('tbody').html(template('tmp', info))
    
                    $("#pagination").bootstrapPaginator({
                        bootstrapMajorVersion: 3,//默认是2，如果是bootstrap3版本，这个参数必填
                        currentPage: page || 1,//当前页
                        numberOfPages: 5,
                        totalPages: Math.ceil(info.total / (pageSize || 5)),//总页数
                        size: "normal",//设置控件的大小，mini, small, normal,large
                        onPageClicked: function (a, b, c, btnPage) {
                            page = btnPage;
                            render(btnPage)
                            //为按钮绑定点击事件 page:当前点击的按钮值
                        }
                    })
                }
            })
        }
    })
})